import  Vue from "vue";
import VeeValidate from 'vee-validate'

Vue.use(VeeValidate)

// 引入中文message 将
import zh_CN from 'vee-validate/dist/locale/zh_CN'
VeeValidate.Validator.localize('zh_CN', {
    messages: {
        ...zh_CN.messages,
        is: () => `前后密码不一致`  // 修改内置规则的message
    },
    attributes: { // 给校验的field的name属性名映射中文名称
        phone: '手机号',
        code: '验证码',
        password:'密码',
    }
})

//自定义规则不是写在localize 的配置项中是写在最外面的
VeeValidate.Validator.extend('agree', {
    validate: value => {
        //如果agree用在了复选框上, value默认是["on"]
        //如果agree所处的input使用了v-model 那value就是v-model的默认值
        //必须返回true 验证才会通过 (内部是使用 === 进行比较的)
        return value
    },
    getMessage: () => "注册前请先阅读并勾选该协议"
})